<template>
	<div class="h-title">
		<div class="list" />

		<hb-title-levels :list="getPathlist" />

		<div class="list-name">
			<span class="list-name-item" v-text="newsTitle" />
			<span class="fl-right" v-text="time" />
		</div>
		<div class="affiche-item">
			<p v-html="content" class="content cur"></p>
		</div>

	</div>

</template>

<script>
import {vpost, vlink} from '@api'
import { bus } from '../../../main';
import Lang from './lang.js'
export default {
	data() {
		return {
			id: 1,
			Lang,
			newsTitle: '',
			content: '',
			time: '',
		}
	},
	created(){
		this.id = this.$store.state.notice.which
		this.getParams()
	},
	mounted() {
		bus.$on('which', date => {
			this.id = date
			this.getParams()
		})
	},

	computed: {
		lang() {
			return this.$store.state.setting.lang
		},
		getPathlist() {
			return [
				{path: 'bulletin', txt: Lang.tableTitle[this.$store.state.setting.lang][0]},
				{path: '', txt: Lang.tableTitle[this.$store.state.setting.lang][4]},
			]
		},
	},
	methods: {
		getParams() {
			let inputdata = {
				articleId: this.id,
			}
			
			vpost(vlink.bbTrade.informationOne, inputdata).then(re => {
				if (re != null && re.status == 1) {
					this.time = re.data.date
					this.newsTitle = re.data.articleTitle
					this.content = re.data.content
				}
			})
		},
		e_bank_() {
			this.$router.push({
				path: '../bulletin/list',
			})
		},
	},
	watch: {
		// 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可
		$route: 'getParams',
	},
}
</script>

<style scoped>
.affiche {
	font-size: 34px;
	font-weight: 544;
}
.affiche-H {
	color: white;
	font-weight: 800;
}
.list-name {
	line-height: 53px;
	background: #1b1e2e;
	border-bottom: 2px solid #11141f;
	color: white;
	padding: 0px 32px;
}
.affiche-item {
	height: 100%;
	background: #181b2a;
	margin: auto;
	padding: 13px 55px;
}
.appellation {
	color: #c7cce6;
	font-size: 9px;
}
.content {
	color: var(--clr0);
}
.Account-security {
	color: var(--clr0);
	font-size: 23px;
}
.a-s-color {
	color: #7a98f7;
}
</style>